<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="lib/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="lib/website/tb-page.css" rel="stylesheet">
    <script src="lib/jquery/jquery.1.10.2.min.js"></script>
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="lib/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="lib/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="lib/website/function.js"></script>
    <script src="lib/website/interface.js"></script>
    <style type="text/css">
    /*HEADER ---------------------------------*/
    .header {
        background-color: #00CEFF;
        height: 130px;
    }

    .header h3 {
        line-height: 130px;
        margin-top: 0px;
        color: #fff;
        font-weight: 500;
        letter-spacing: 5px;
        font-size: 30px;
        text-shadow: 0 0 5px black;
    }

    .header h6 {
        line-height: 130px;
        font-size: 18px;
        color: #f00;
        font-weight: 500;
        letter-spacing: 1.5px;
        text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #ffffff, 0 0 5px #ffffff;
    }

    /*FOOTER ---------------------------------*/
    .footer {
        background-color: #FF0000;
    }
    </style>
</head>

<body>
    <div class="container-fluid">

        <div class="row header">
            <div class="col-md-8 col-sm-8">
                <h3>辽宁环保攻坚考核系统</h3>
            </div>
            <div class="col-md-4 col-sm-4 ">
                <h6 class="text-right">欢迎您! XX管理员@XXX.com</h6>
            </div>
        </div>
        <div class="row">
            <nav class="navbar navbar-default">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-top">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">辽宁环保攻坚考核系统</a>
                </div>
                <div class="collapse navbar-collapse" id="navbar-top">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">考核结果</a></li>
                        <li><a href="assess-department.html">考核评分</a></li>
                        <li ><a href="assessed.html">数据上报</a></li>
                        <li ><a href="dataAnalysis.html">数据分析</a></li>
                        <li><a href="userCenter.html">用户管理</a></li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="content">
            <legend><h2 class="text-center"><a href="javascript:void(0);" id="city">大连市</a>环保攻坚考核结果</h2></legend>
            <ul class="nav nav-tabs">
                <li class="active"><a href="#summary" data-toggle="tab" aria-expanded="false">考核汇总</a></li>
                <li class=""><a href="#detail " data-toggle="tab" aria-expanded="true">考核明细</a></li>
            </ul>
            <div class="row">
                <div class="col-md-12">
                    <div id="content" class="tab-content">
                        <div class="tab-pane fade active in" id="summary">
                            <div id="tb_summary">
                                <a href="#" class="btn btn-info" id="download_total">下载</a>
                            </div>
                            <div class="row" style="margin-top: 10px">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover table-bordered" id="td_summary">
                                        <thead>
                                            <tr>
                                                <th>考核大类</th>
                                                <th>是否上报完成</th>
                                                <th>是否评分完成</th>
                                                <th>分值</th>
                                                <th>实际考核评分</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="detail">
                            <div id="tb_detail">
                                <a href="#" class="btn btn-info" id="download">下载</a>
                            </div>       
                            <div class="row" style="margin-top: 10px">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover table-bordered" id="td_detail">
                                        <thead>
                                            <tr>
                                                <th>考核大类</th>
                                                <th>重点任务</th>
                                                <th>考核指标</th>
                                                <th>是否上传</th>
                                                <th>是否评分</th>
                                                <th>分值</th>
                                                <th>实际考核评分</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>               
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    $(document).ready(function () {
       $city=getQueryVariable('areaName');
        $('#city').html($city)
        //下载操作	
        $("#download_total").click(function () {
			//{modify by wuguofang 20181205 for 解决url中文乱码问题 begin
			//$url='http://39.98.42.158/manage/downLoadAssessmentResult?areaName='+$city;
			var city = encodeURI($city);
            $url='http://39.98.42.158/manage/downLoadAssessmentResult?areaName='+city;
			//modify by wuguofang 20181205 for 解决url中文乱码问题 end}
            window.open($url)
        })
        $("#download").click(function () {
			//{modify by wuguofang 20181205 for 解决url中文乱码问题 begin
			//$url='http://39.98.42.158/manage/downLoadAssessmentResult?areaName='+$city;
			var city = encodeURI($city);
            $url='http://39.98.42.158/manage/downLoadAssessmentDetailResult?areaName='+city;
			//modify by wuguofang 20181205 for 解决url中文乱码问题 end}
            window.open($url)
        })
    })
</script>
<script type="text/javascript">

    $('#td_summary').bootstrapTable({
        url: 'http://39.98.42.158/manage/getAssessmentResult',         //请求后台的URL（*）
        method: 'post',                      //请求方式（*）
        //toolbar: '#toolbar',                //工具按钮用哪个容器
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: false,                   //是否显示分页（*）
        sortable: false,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        // queryParams: oTableInit.queryParams,//传递参数（*）
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                       //初始化加载第一页，默认第一页
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        strictSearch: false,
        showColumns: false,                  //是否显示所有的列
        showRefresh: false,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: false,                //是否启用点击选中行
        height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
        showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                   //是否显示父子表
        dataType:	'json',
        queryParams: function(params){
            var queryData = {};    //如果没有额外的查询参数的话就新建一个空对象，如果有的话就先装你的查询参数
            //然后增加这两个
            // queryData.limit = params.limit;
            // queryData.offset = params.offset;
            queryData.pageNo = (params.offset / params.limit)+1;
            queryData.pageSize = params.limit;
            var request=getQueryVariable('areaName');
            queryData.areaName=request
            console.log(request)
            return queryData;    //这个就是向服务端传递的参数对象
        },
        responseHandler:function(res) {
            if(res.code!=200){
                return false
            }
            if(res.data){
                // var result=[];
                // result['rows']=res.data
                // console.log(result)
                return res.data;
            }else{
               return false;
            }

        },
        contentType:'application/x-www-form-urlencoded; charset=UTF-8',
        smartDisplay:true,
        paginationLoop:true,
        striped:false,
        columns: [
            {
            field: 'tScoringTableName',
            title: '考核大类'
        }, {
            field: 'reportFinish',
            title: '是否上报完成'
        }, {
            field: 'scoreFinish',
            title: '是否评分完成'
        }, {
            field: 'scoreMax',
            title: '分值'
        },
            {
                field: 'score',
                title: '实际考核评分'
            },
           ]
    });

</script>
<script type="text/javascript">

    $('#td_detail').bootstrapTable({
        url: 'http://39.98.42.158/manage/getAssessmentDetailResult',         //请求后台的URL（*）
        method: 'post',                      //请求方式（*）
        //toolbar: '#toolbar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: false,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        // queryParams: oTableInit.queryParams,//传递参数（*）
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                       //初始化加载第一页，默认第一页
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        strictSearch: false,
        showColumns: false,                  //是否显示所有的列
        showRefresh: false,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: false,                //是否启用点击选中行
        height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
        showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                   //是否显示父子表
        dataType:	'json',
        contentType:'application/x-www-form-urlencoded; charset=UTF-8',
        queryParams: function(params){
            var queryData = {};    //如果没有额外的查询参数的话就新建一个空对象，如果有的话就先装你的查询参数
            //然后增加这两个
            queryData.pageNo = (params.offset / params.limit)+1;
            queryData.pageSize = params.limit;
            var request=getQueryVariable('areaName');
            queryData.areaName=request
            console.log(request)
            return queryData;    //这个就是向服务端传递的参数对象
        },
        responseHandler:function(res) {
            if(res.code!=200){
                return false
            }
            if(res.data){
                var result=[];
                result['rows']=res.data.list
                result['total']=res.data.total
                return result;
            }else{
                return false;
            }
            cityAssessment
        },
        // ajaxOptions: {
        //     xhrFields: {        //跨域
        //         withCredentials: true
        //     },
        //     crossDomain: true
        // },
        // ajaxOptions:{
        //         headers: {"Content-Type":'application/x-www-form-urlencoded'}
        // },
        smartDisplay:true,
        paginationLoop:true,
        columns: [
            {
                field: 'tScoringTableName',
                title: '考核大类'
            }, {
                field: 'taskName',
                title: '重点任务'
            }, {
                field: 'assessmentIndicatorsName',
                title: '考核指标'
            },

            {
                field: 'scoringMethodName',
                title: '备注'
            },

            {
                field: 'reportFinish',
                title: '是否上报'
            },
            {
                field: 'scoreFinish',
                title: '是否评分'
            },
            {
                field: 'scoreMax',
                title: '分值'
            },
            {
                field: 'score',
                title: '实际考核评分'
            },
        ]
    });

</script>

</html>